<div class="u_info">
  <a class="u_photo" href="/user/user_info">
      <img src="{%- if(user_info.photo) -%} 
        {{user_info.photo}} 
        {%- else -%}
         ../static/images/photo.png 
         {%- endif -%}" alt=""/>
    </a>
  <div class="u_detail">
    <dl>
      <dd>
        <em class="icon_name"></em><span class="h1">{{user_info.user_name}}</span>
      </dd>
      <dd id="userRegion">
        <em class="icon_location"></em>
      </dd>
      <dd>
        <em class="icon_birthday"></em>
        <label>{{layoutRes.lblUserBirthday}}</label><span class="h1">{{user_info.birthday}}</span>
      </dd>
      <dd>
        <em class="icon_height"></em>
        <label>{{layoutRes.lblUserHeight}}</label><span class="h1">{{user_info.height}}</span>{{layoutRes.unitCM}}
      </dd>
      <dd>
        <em class="icon_weight"></em>
        <label>{{layoutRes.lblUserWeight}}</label><span class="h1">{{user_info.weight}}</span>{{layoutRes.unitKG}}
      </dd>
    </dl>
  </div>
</div>
<script type="text/javascript">
  $(function () {
    initUserRegion ();
    function initUserRegion () {
      var provCode = "{{user_info.province_code}}",
        cityCode = "{{user_info.city_code}}";

        var region = nsbase.ui.utility.getRegion(provCode,cityCode);
        var loaction = region.provName + (region.cityName? " · " + region.cityName: "");
        $("#userRegion").append(loaction);
    }
  })
</script>